<template>
  <div>
    <t-typography-title>What is TDesign</t-typography-title>
    <t-typography-text mark>
      TDesign is an enterprise-level design system accumulated by Tencent's various business teams.
    </t-typography-text>
    <t-typography-paragraph>
      <t-typography-text strong>
        TDesign features a unified design values, consistent design language, and visual style, helping users form
        continuous and coherent perceptions of the experience.
      </t-typography-text>
      Based on this, TDesign offers out-of-the-box UI component libraries, design guidelines, and design assets,
      elegantly and efficiently freeing design and development from repetitive tasks. Simultaneously, it facilitates
      easy extension on top of TDesign, enabling a better alignment with business requirements.
    </t-typography-paragraph>
    <t-typography-title>Comprehensive</t-typography-title>
    <t-typography-paragraph>
      TDesign Support
      <t-typography-text code>Vue 2</t-typography-text>, <t-typography-text code>Vue 3</t-typography-text>,
      <t-typography-text code>React</t-typography-text>
      components for Desktop Application and
      <t-typography-text code>Vue 3</t-typography-text>,
      <t-typography-text code>Wechat MiniProgram</t-typography-text>
      components for Mobile Application.
    </t-typography-paragraph>
    <t-typography-paragraph>
      <ul>
        <li>Features</li>
        <li>Comprehensive</li>
        <ul>
          <li>Consistency</li>
          <li>Usability</li>
        </ul>
        <li>Join TDesign</li>
      </ul>
    </t-typography-paragraph>
    <t-typography-paragraph>
      <ol>
        <li>Features</li>
        <li>Comprehensive</li>
        <ol>
          <li>Consistency</li>
          <li>Usability</li>
        </ol>
        <li>Join TDesign</li>
      </ol>
    </t-typography-paragraph>
  </div>
</template>

<script setup lang="tsx"></script>

<style scoped>
blockquote {
  background-color: #fff;
}
</style>
